

.slider {
    --width: 80%;
    --height: 50vh;
    min-height: 0;
    min-width: 0;
    width: var(--width);
    height: var(--height);

    margin: 2em auto;
}


.slider > .slide {
    display: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider > .slide.active {
    display: block;
}
.slider > .slide img {
    width: 100%;
    height: 100%;
}


